<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <link href="<%=request.getContextPath()%>/css/bootstrap.min.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.min.css"  rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css"  rel="stylesheet">
        <title>JSP Page</title>
    </head>
    <body style="background-image: url(images/fondo.jpg)">
        <div class="container">

            <div class="row-fluid">
                <div class="span6">

                    <div class="hero-unit">
                        <div class="row-fluid">
                            <div class="span4"><p>Marcos</p></div>
                            <div class="span8"><p>Marcos Perez Sanchez</p></div>
                        </div>
                        <div class="row-fluid">
                            <div class="span6"><p>jperez@pucp.edu.pe</p></div>
                            <div class="span6"><p>MODERADOR</p></div>
                        </div>
                        <div class="row-fluid">
                            <div class="span6"><p><h6>Configuracion de cuenta</h6></p></div>
                            <div class="span6"><p><button class="btn btn-primary" type="button">Cerrar Sesion</button></p></div>
                        </div>
                    </div>
                </div>    
            </div>                                   



            <div class="span10">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span4">
                            <p>
                            <form action="archivos.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos</button>
                            </form>
                            </p>
                            <p>
                            <form action="archivos_reportados.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos Reportados</button>
                            </form>
                            </p>
                            <p>
                            <form action="comentarios_reportados.jsp">
                                <button class="btn btn-large btn-block" type="submit">Comentarios Reportados</button>
                            </form>
                            </p>
                            <p>
                            <form action="usuarios.jsp">
                                <button class="btn btn-large btn-block" type="submit">Usuarios</button>
                            </form>
                            </p>
                            <p>
                            <form action="archivos_subidos.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos Subidos</button>
                            </form>
                            </p>
                            <p>
                            <form action="sube_mas.jsp">
                                <button class="btn btn-large btn-block" type="submit">Sube más ...</button>
                            </form>
                            </p>
                        </div>
                        <div class="span8" style="height:400px;border:1px solid #ccc;overflow:auto;">
                            <div class="row-fluid">
                            <div class="hero-unit"   >
                                <div class="row-fluid">
                                    <div class="span2">
                                        <h4>15/06/12</h4>
                                    </div> 
                                    <div class="span8">
                                        <h4>Sofi</h4>
                                    </div> 
                                    <div class="span2">
                                        <h4><font color="red">REPORTADO</font></h4>
                                    </div>
                                    
                                </div>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <p> $%&&$**%$^!!! </p>
                                    </div> 
                                    <div class="span3" >
                                        <button class="btn btn-small">ANULAR REPORTE</button>
                                        
                                    </div>
                                    <div class="span3" >
                                        
                                        <button class="btn btn-small">ELIMINAR REPORTE</button>
                                    </div>
                                </div>
                            </div>
                                     <div class="hero-unit"   >
                                <div class="row-fluid">
                                    <div class="span2">
                                        <h4>15/06/12</h4>
                                    </div> 
                                    <div class="span8">
                                        <h4>Sofi</h4>
                                    </div> 
                                    <div class="span2">
                                        <h4><font color="red">REPORTADO</font></h4>
                                    </div>
                                    
                                </div>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <p> $%&&$**%$^!!! </p>
                                    </div> 
                                    <div class="span3" >
                                        <button class="btn btn-small">ANULAR REPORTE</button>
                                        
                                    </div>
                                    <div class="span3" >
                                        
                                        <button class="btn btn-small">ELIMINAR REPORTE</button>
                                    </div>
                                </div>
                            </div>
                                     <div class="hero-unit"   >
                                <div class="row-fluid">
                                    <div class="span2">
                                        <h4>15/06/12</h4>
                                    </div> 
                                    <div class="span8">
                                        <h4>Sofi</h4>
                                    </div> 
                                    <div class="span2">
                                        <h4><font color="red">REPORTADO</font></h4>
                                    </div>
                                    
                                </div>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <p> $%&&$**%$^!!! </p>
                                    </div> 
                                    <div class="span3" >
                                        <button class="btn btn-small">ANULAR REPORTE</button>
                                        
                                    </div>
                                    <div class="span3" >
                                        
                                        <button class="btn btn-small">ELIMINAR REPORTE</button>
                                    </div>
                                </div>
                            </div>
                                     <div class="hero-unit"   >
                                <div class="row-fluid">
                                    <div class="span2">
                                        <h4>15/06/12</h4>
                                    </div> 
                                    <div class="span8">
                                        <h4>Sofi</h4>
                                    </div> 
                                    <div class="span2">
                                        <h4><font color="red">REPORTADO</font></h4>
                                    </div>
                                    
                                </div>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <p> $%&&$**%$^!!! </p>
                                    </div> 
                                    <div class="span3" >
                                        <button class="btn btn-small">ANULAR REPORTE</button>
                                        
                                    </div>
                                    <div class="span3" >
                                        
                                        <button class="btn btn-small">ELIMINAR REPORTE</button>
                                    </div>
                                </div>
                            </div>
                                     <div class="hero-unit"   >
                                <div class="row-fluid">
                                    <div class="span2">
                                        <h4>15/06/12</h4>
                                    </div> 
                                    <div class="span8">
                                        <h4>Sofi</h4>
                                    </div> 
                                    <div class="span2">
                                        <h4><font color="red">REPORTADO</font></h4>
                                    </div>
                                    
                                </div>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <p> $%&&$**%$^!!! </p>
                                    </div> 
                                    <div class="span3" >
                                        <button class="btn btn-small">ANULAR REPORTE</button>
                                        
                                    </div>
                                    <div class="span3" >
                                        
                                        <button class="btn btn-small">ELIMINAR REPORTE</button>
                                    </div>
                                </div>
                            </div>
                                     <div class="hero-unit"   >
                                <div class="row-fluid">
                                    <div class="span2">
                                        <h4>15/06/12</h4>
                                    </div> 
                                    <div class="span8">
                                        <h4>Sofi</h4>
                                    </div> 
                                    <div class="span2">
                                        <h4><font color="red">REPORTADO</font></h4>
                                    </div>
                                    
                                </div>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <p> $%&&$**%$^!!! </p>
                                    </div> 
                                    <div class="span3" >
                                        <button class="btn btn-small">ANULAR REPORTE</button>
                                        
                                    </div>
                                    <div class="span3" >
                                        
                                        <button class="btn btn-small">ELIMINAR REPORTE</button>
                                    </div>
                                </div>
                            </div>
                            </div>             



                        </div>


                    </div>
                </div>
            </div>

        </div>
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
    <script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
</body>
</html>
